<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>漫庭网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="msapplication-tap-highlight" content="no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" type="image/ico" href="/public/img/mantingvLogo.ico" />
<%--<link href="/public/css/homepageMin.css" type="text/css" rel="stylesheet" media="(min-width: 768px)"/>--%>
    <link href="/public/css/homepage.css" type="text/css" rel="stylesheet"/>
</head>

<body>
<div class="Head">
    <div class="banner">
        <img class="lazy current" src="/public/img/bn/banner01.jpg"/>
        <img class="lazy" data-original="/public/img/bn/banner02.jpg"/>
        <img class="lazy" data-original="/public/img/bn/banner03.jpg"/>
    </div>
    <div class="Hnav clearfix">
        <div class="HnavBackground"></div>
        <img class="hLogo" src="/public/img/logo_up.png" width="212" height="59">
        <div class="HeadUnderline"></div>
        <div class="navgitor clearfix">
            <ul class="HnavUl clearfix">
                <li class="current" style="margin-left: 0px;"><a href="/">首页</a></li>
                <li><a href="/front/houseBase/list/HOUSEBASE">度假别墅</a></li>
                <li><a href="/front/houseBase/list/APARTMENT">度假公寓</a></li>
                <%--<li><a href="/rent/list">短租</a></li>--%>
                <li class="aboutBtn"><a href="/my_house/show">产权中心</a></li>
                <li><a href="/front/about/show/introduce">关于漫庭</a></li>
                <li class="loginBtn"><a href="/my_house/show">个人中心</a></li>
                <li class="loginBtn"><a href="/logout">退出</a></li>
            </ul>
            <div class="HnavSign">
                <a href="/login/form" class="noLogin">登录</a>
                <a class="current noLogin" href="/register/form">注册</a>


                <p class="userNAME logined" style="display: none">Hi,<span class="logined" id="userName" style="display: none"></span></p>
                <div id="userAlert">
                    <div class="userIcon">
                        <img src="" alt="">

                        <div class="alertNameDiv">
                            <p>Hi</p>

                            <p class="alertUserName">Hi</p>
                        </div>
                    </div>
                    <div class="userAlertBottom">
                        <a href="/my_house/show">个人中心</a>
                        <a href="/logout">退出</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Head结束-->
<div class="HlittleBtn">
    <ul>
        <li class="current"><a href="javascript:"></a></li>
        <li><a href="javascript:"></a></li>
        <li><a href="javascript:"></a></li>
    </ul>
</div>
<!--遮罩层-->
<div id="shade"></div>
<!--遮罩层end-->
<!--导航滚动-->
<div class="bieshuBanner">
    <ul class="bieshuBannerIn clearfix">
        <li class="destination selected">
            <input type="text" value="目的地"/>
            <input type="hidden" value="null">
            <div class="cityChoose choose">
                <a href="javascript:" valuea="null">不限</a> <a href="javascript:" valuea="XISHUANGBANNA">西双版纳</a>
                <a href="javascript:" valuea="SANYA">三亚</a> <a href="javascript:" valuea="SUZHOU">苏州</a>
                <a href="javascript:" valuea="LIJIANG">丽江</a> <a href="javascript:" valuea="SHENZHEN">深圳</a>
                <a href="javascript:" valuea="GUANGZHOU">广州</a> <a href="javascript:" valuea="CHENGDU">成都</a>
                <a href="javascript:" valuea="KUNMING">昆明</a>
            </div>
        </li>

        <li class="price selected">
            <input type="text" value='价格'/>
            <input type="hidden" value="null">
            <div class="priceChoose choose">
                <a href="javascript:" valuea="null">不限</a>
                <a href="javascript:" valuea="0-5">5万以下</a> <a href="javascript:" valuea="5-10">5-10万</a>
                <a href="javascript:" valuea="10-15">10-15万</a> <a href="javascript:" valuea="15-20">15-20万</a>
                <a href="javascript:" valuea="20-30">20-30万</a> <a href="javascript:" valuea="30-50">30-50万</a>
                <a href="javascript:" valuea="50-70">50-70万</a> <a href="javascript:" valuea="70-100">70-100万</a>
                <a href="javascript:" valuea="100">100万以上</a>

            </div>
        </li>

        <li class="theme selected">
            <input type="text" value="主题风格" height="60px"/>
            <input type="hidden" value="null">
            <div class="themeChoose choose">
                <a href="javascript:" valuea="null">不限</a> <a href="javascript:" valuea="GAOERFU">高尔夫</a>
                <a href="javascript:" valuea="WENQUAN">温泉</a> <a href="javascript:" valuea="SHATAN">沙滩</a>
                <a href="javascript:" valuea="HUJING">湖景</a> <a href="javascript:" valuea="XUESHAN">雪山</a>
                <a href="javascript:" valuea="GUZHEN">古镇</a> <a href="javascript:" valuea="BIHAN">避寒</a>
                <a href="javascript:" valuea="BISHU">避暑</a>
            </div>
        </li>

        <li class="type selected">
            <input type="text" value="房屋类型" height="60px"/>
            <input type="hidden" value="all">
            <div class="themeChoose choose">
                <a href="javascript:" valuea="all">不限</a>
                <a href="javascript:" valuea="APARTMENT">公寓</a>
                <a href="javascript:" valuea="HOUSEBASE">别墅</a>
          </div>
        </li>

        <li class="Search">
            <button onclick="search()">搜索</button>
        </li>
    </ul>
</div>

<!--精选度假屋 开始 -->
<div class="trip">
    <div class="tripIn">
        <h3>精选度假屋</h3>

        <div class="more clearfix">
            <i class="moreI"></i>
        </div>

        <div class="project clearfix">
            <div class="project01 projectall">
                <a href="/front/houseBase/list/HOUSEBASE"><img src="/public/img/bn/shanya.png"/></a>

                <div class="project01CenterBg projectallCenterBg">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h4>三亚</h4>
                    </div>
                </div>
                <div class="hoverDetail">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h5>庭绿城蓝湾小镇度假屋</h5>

                        <div class="hoverDetailText clearfix">
                            <p>绝美海岸线</p>

                            <div class="hdPrice">
                                <span>￥1257/晚起</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="project02 projectall">
                <a href="/front/houseBase/list/HOUSEBASE"><img src="/public/img/bn/yangjiang.png"/></a>

                <div class="project01CenterBg projectallCenterBg">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h4>阳江</h4>
                    </div>
                </div>
                <div class="hoverDetail">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h5>漫庭阳江涛景度假屋</h5>

                        <div class="hoverDetailText clearfix">
                            <p>后花园果岭豪情挥杆</p>

                            <div class="hdPrice">
                                <span>￥741/晚起</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="project03 projectall">
                <a href="/front/houseBase/list/HOUSEBASE"><img src="/public/img/bn/qingchengjun.png"/></a>

                <div class="project01CenterBg projectallCenterBg">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h4>青城郡</h4>
                    </div>
                </div>

                <div class="hoverDetail">
                    <div class="hoverDetailBackground"></div>
                    <div class="hoverDetailMain">
                        <h5>漫庭青城郡度假基地</h5>

                        <div class="hoverDetailText clearfix">
                            <p>曲径通幽养生圣地</p>

                            <div class="hdPrice">
                                <span>￥407/晚起</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="limitIn activity">
    <h3>精选活动<img style="display: inline-block;position: relative;top: 6px;left: 10px;"
                 src="/public/img/imperialCrown.png" alt=""></h3>
    <a href="javascript:void(0);"><img src="/public/img/bn/banner_hd1.png" alt=""></a>
    <a href="javascript:void(0);"><img src="/public/img/bn/banner_hd2.png" alt=""></a>
</div>
<!--精选度假屋 结束-->

<div class="limit">
    <div class="limitIn">
        <h3>精选房型</h3>

        <div class="more clearfix">
            <i class="moreI"></i>
        </div>
        <div class="lProject clearfix">
            <div class="lProjectLeft">
                <div class="lProjectLeftTop clearfix">
                    <div class="lProjectLeftTopLeft">
                        <img src="/public/img/bn/lijiang_f.jpg"/>

                        <div class="showBox">
                            <div class="showBoxBackground"></div>
                            <div class="showBoxMain">
                                <p>丽江·金茂雪山语<i class="wifi"></i><i class="binxiang"></i><i class="kongtiao"></i><i
                                        class="guanjia"></i></p>
                                <span>76800元/份·独栋别墅·70年产权</span>
                            </div>
                        </div>
                    </div>

                    <div class="lProjectLeftTopRight">
                        <img src="/public/img/bn/lvcheng_f.jpg"/>

                        <div class="showBox">
                            <div class="showBoxBackground"></div>
                            <div class="showBoxMain">
                                <p>三亚·绿城蓝湾小镇 <i class="wifi"></i><i class="binxiang"></i><i class="kongtiao"></i><i class="guanjia"></i></p>
                                <span>98000元/份·独栋别墅·70年产权</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="lProjectLeftBottom clearfix">
                    <div class="lProjectLeftBottomLeft">
                        <img src="/public/img/bn/qingchengjun_f.JPG"/>

                        <div class="showBox">
                            <div class="showBoxBackground"></div>
                            <div class="showBoxMain">
                                <p>四川·青城郡<i class="wifi"></i><i class="binxiang"></i><i class="kongtiao"></i><i class="guanjia"></i></p>
                                <span>25800元/份·叠拼别墅·70年产权</span>
                            </div>
                        </div>
                    </div>

                    <div class="lProjectLeftBottomCenter">
                        <img src="/public/img/bn/bannashiercheng_f.jpg"/>

                        <div class="showBox">
                            <div class="showBoxBackground"></div>
                            <div class="showBoxMain">
                                <p>版纳·十贰城<i class="wifi"></i><i class="binxiang"></i><i class="kongtiao"></i><i class="guanjia"></i></p>
                                <span>7680元/份·精品公寓·70年产权</span>
                            </div>
                        </div>
                    </div>

                    <div class="lProjectLeftBottomRight">
                        <img src="/public/img/bn/bannawanda_f.jpg"/>

                        <div class="showBox">
                            <div class="showBoxBackground"></div>
                            <div class="showBoxMain">
                                <p>版纳·万达度假区<i class="wifi"></i><i class="binxiang"></i><i class="kongtiao"></i><i class="guanjia"></i></p>
                                <span>3790元/份·精品公寓·70年产权</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="lProjectRight">
                <img src="/public/img/bn/banner_hd3.png"/>
            </div>
        </div>
    </div>
</div>
<!--limit结束-->

<div class="copyRight">

    <div class="copyRightIn clearfix">
        <div class="erweima clearfix">
            <div class="guanwang">
                <img src="/public/img/bn/erweima01.jpg"/>
            </div>

            <div class="dujiawu">
                <img src="/public/img/bn/erweima02.jpg"/>
            </div>

            <div class="weibo">
                <img src="/public/img/bn/erweima03.jpg"/>
            </div>
        </div>

        <div class="message clearfix">
            <div class="contact">
                <h4>联系我们</h4>

                <p>400-831-3336</p>
            </div>

            <div class="about">
                <h4>关于漫庭</h4>

                <p><a href="/front/about/show/introduce">关于我们</a></p>

                <p><a href="javascript:">团&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;队</a></p>

                <p><a href="javascript:">媒体报道</a></p>

                <p><a href="javascript:">工作机会</a></p>
            </div>

            <div class="tech">
                <h4>技术支持</h4>

                <p><a href="/faq/front_faq">疑问解答</a></p>

                <p><a href="javascript:">服务条款</a></p>

                <p><a href="javascript:">联系我们</a></p>

                <p><a href="javascript:">合作伙伴</a></p>
            </div>
        </div>
    </div>
</div>
<!--copyRight结束-->

<div class="last">
    <p>© 2015 深圳漫庭网络技术有限公司 版权所有 粤ICP备14097190号</p>
    <img src="/public/img/bn/logo.png" width="80">
</div>
<script src="/public/js/jquery-1.7.2.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="/public/js/homepage.js"></script>
</body>
</html>
















